<template>
	<div id="app">

		<router-view/>

		<!-- 根据路由判断是否显示底部bar -->
		<footerBar v-if="$route.meta.show"></footerBar>
	</div>
</template>

<script>
	import footerBar from '@/components/groupFooter';
	export default {
		name: 'App',
		components: {
			'footerBar': footerBar,
		},
	}
</script>

<style lang="less">
	@import '~vux/src/styles/1px.less';
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		/* 当手指从触摸屏上移开，会保持一段时间的滚动 */
		-webkit-overflow-scrolling: touch;
		/* IOS移动端点击阴影去除 */
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-tap-highlight-color: transparent;
	}
	
	html,
	body {
		width: 100%;
		height: 100%;
		background: #efefef;
	}
	
	input,
	button {
		/* 清除ios的圆角 */
		-webkit-appearance: none;
		outline: none
	}
	a{
		text-decoration: none;
		color: #000;
	}
	#app {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
		height: 100%;
		/* transition样式 */
		.fade-enter-active,
		.fade-leave-active {
			transition: opacity .5s;
		}
		.fade-enter,
		.fade-leave-to {
			opacity: 0;
		}
		/* transition样式 */
		ul,
		li {
			list-style: none;
		}
		img{
			max-width: 100%;
		}
		.reds {
			background: #ff1351;
		}
		.blues {
			background: #3dc6b6;
		}
		.operating_data {
			.manage_report_infos {
				.vux-tab .vux-tab-item.vux-tab-selected {
					color: #00b4a3;
				}
				.vux-tab-ink-bar {
					background-color: #00b4a3;
				}
			}
		}
		.passenger_flow {
			.tab_time_nav {
				.vux-tab .vux-tab-item.vux-tab-selected {
					color: #12ba99;
				}
				.vux-tab-ink-bar {
					background-color: #12ba99;
				}
			}
			.trend_picture {
				.vux-tab .vux-tab-item.vux-tab-selected {
					color: #12ba99;
					background: #ebf7f5;
					border: 1px solid #12ba99!important;
				}
				.vux-tab-ink-bar {
					background-color: #12ba99;
				}
				.vux-tab-ink-bar-transition-backward,
				.vux-tab-ink-bar-transition-forward {
					transition: none!important;
					display: none!important;
				}
				.vux-tab .vux-tab-item {
					border-radius: .05rem;
					border: 1px solid #e2e2e2!important;
					margin-left: .2rem;
				}
			}
		}
		.business {
			.vux-header .vux-header-title>span {
				font-size: .32rem;
			}
			.vux-header .vux-header-left .vux-header-back {
				padding-left: .72rem;
			}
			.vux-tab .vux-tab-item {
				background: none;
			}
			.vux-tab .vux-tab-item.vux-tab-selected {
				color: #06c1ae;
				border-bottom: 3px solid #06c1ae;
			}
			.vux-tab-ink-bar {
				background: #06c1ae;
			}
			.weui-cell {
				padding: .05rem .7rem;
			}
			.vux-cell-placeholder {
				font-size: .28rem;
			}
			.vux-no-group-title {
				border: 1px solid #f0f0f0;
			}
			.weui-cell_access .weui-cell__ft:after {
				display: none;
			}
		}
		.ring_ratio,
		.time_meal,
		.invalid_order {
			.vux-tab .vux-tab-item {
				background: none;
			}
			.vux-tab .vux-tab-item.vux-tab-selected {
				color: #06c1ae;
				border-bottom: 3px solid #06c1ae;
			}
			.vux-tab-ink-bar {
				background: #06c1ae;
			}
			.weui-cell {
				padding: .05rem .7rem;
			}
			.vux-cell-placeholder {
				font-size: .28rem;
			}
			.vux-no-group-title {
				border: 1px solid #f0f0f0;
			}
			.weui-cell_access .weui-cell__ft:after {
				display: none;
			}
		}
		.peer_compare {
			.time_nav {
				.vux-tab .vux-tab-item {
					background: none;
				}
				.vux-tab .vux-tab-item.vux-tab-selected {
					color: #06c1ae;
					border-bottom: 3px solid #06c1ae;
				}
				.vux-tab-ink-bar {
					background: #06c1ae;
				}
				.weui-cell {
					padding: .05rem .7rem;
				}
				.vux-cell-placeholder {
					font-size: .28rem;
				}
				.vux-no-group-title {
					border: 1px solid #f0f0f0;
				}
				.weui-cell_access .weui-cell__ft:after {
					display: none;
				}
			}
			.compare_nav {
				.vux-tab-ink-bar-transition-backward,
				.vux-tab-ink-bar-transition-forward {
					transition: none;
					display: none!important;
				}
				.scrollable {
					overflow: hidden;
					padding-bottom: 0;
				}
				.scrollable .vux-tab-item {
					flex: 1;
				}
				.vux-tab .vux-tab-item {
					background: transparent;
				}
				.vux-tab .vux-tab-item.vux-tab-selected {
					background: #02c1af;
					color: #fff;
				}
				border-radius: .5rem;
				.vux-tab .vux-tab-item {
					height: .72rem;
					margin-left: .12rem;
					line-height: .72rem;
					background: #fff;
					color: #02c1af;
					border: 1px solid #02c1af!important;
					border-radius: .5rem;
					font-size: .28rem;
				}
			}
		}
		.customer_analysis {
			.weui-icon-cancel {
				display: none;
			}
			.content2,
			.content3 {
				.vux-tab .vux-tab-item.vux-tab-selected {
					color: #06c1ae;
				}
				.vux-tab-ink-bar {
					background-color: #06c1ae;
				}
			}
			.content,
			.customer_value {
				.vux-header .vux-header-title>span {
					font-size: .32rem;
				}
				.vux-header .vux-header-left .vux-header-back {
					padding-left: .72rem;
				}
				.vux-tab {
					border: 1px solid #06c1ae;
				}
				.vux-tab .vux-tab-item {
					background: none;
					color: #06c1ae;
				}
				.vux-tab .vux-tab-item.vux-tab-selected {
					color: #fff;
					border-bottom: 3px solid #06c1ae;
					background: #06c1ae;
				}
				.vux-tab-ink-bar {
					background: #06c1ae;
				}
				.vux-tab-ink-bar-transition-backward,
				.vux-tab-ink-bar-transition-forward {
					transition: none;
				}
				.weui-progress__bar {
					height: .1rem;
					background-color: #eff4f7;
				}
				.weui-progress__inner-bar {
					background-color: #06c1ae;
				}
				.customer_trend {
					.vux-tab {
						border: none;
					}
					.vux-tab-ink-bar {
						background: transparent;
					}
					.vux-tab .vux-tab-item {
						height: .72rem;
						border-radius: .2rem;
						color: #666;
						background: #efefef;
						margin-left: .4rem;
						line-height: .72rem;
					}
					.vux-tab .vux-tab-item.vux-tab-selected {
						background: #06c1ae;
						color: #fff;
					}
				}
			}
		}
		.goods {
			.hearder_nav {
				.vux-tab {
					background: #233750;
					border-radius: .05rem;
					height: .55rem;
				}
				.vux-tab .vux-tab-item {
					font-size: .28rem;
					color: #a0adc0;
					line-height: .55rem;
					background: #233750;
				}
				.vux-tab .vux-tab-item.vux-tab-selected {
					background: #fff;
					font-size: .28rem;
					color: #000;
					border-radius: .05rem;
					line-height: .6rem;
				}
				.vux-tab-ink-bar-transition-backward,
				.vux-tab-ink-bar-transition-forward {
					transition: none;
					display: none!important;
				}
			}
		}
		.experience {
			.vux-tab {
				border: 1px solid #06c1ae;
				height: .6rem;
			}
			.vux-tab .vux-tab-item {
				background: none;
				color: #06c1ae;
				line-height: .6rem;
			}
			.vux-tab .vux-tab-item.vux-tab-selected {
				color: #fff;
				border-bottom: 3px solid #06c1ae;
				background: #06c1ae;
				line-height: .6rem;
			}
			.vux-tab-ink-bar {
				background: #06c1ae;
			}
			.vux-tab-ink-bar-transition-backward,
			.vux-tab-ink-bar-transition-forward {
				transition: none;
			}
			.weui-progress__bar {
				height: .1rem;
				background-color: #eff4f7;
			}
			.weui-progress__inner-bar {
				background-color: #06c1ae;
			}
		}
		.today_data {
			.trend_tabs {
				.vux-tab .vux-tab-item {
					color: #5a5a5a;
				}
				.vux-tab .vux-tab-item.vux-tab-selected {
					color: #08bb9e;
				}
				.vux-tab-ink-bar {
					background-color: #08bb9e;
				}
			}
			.total_tabs {
				.vux-tab .vux-tab-item {
					color: #5a5a5a;
				}
				.vux-tab .vux-tab-item.vux-tab-selected {
					color: #08bb9e;
				}
				.vux-tab-ink-bar {
					background-color: #fff;
				}
			}
		}
		.act_list {
			.vux-tab-container {
				height: 1.1rem;
				padding-top: .04rem;
			}
			.vux-tab {
				height: .65rem;
				background: #243850;
				border: 1px solid #fff;
				border-radius: .1rem;
			}
			.vux-tab .vux-tab-item.vux-tab-selected {
				background: #fff;
				color: #808080;
			}
			.vux-tab .vux-tab-item {
				color: #fff;
				line-height: .7rem;
			}
			.vux-tab-ink-bar-transition-backward,
			.vux-tab-ink-bar-transition-forward {
				transition: none;
			}
			.vux-tab-ink-bar {
				background: #fff;
			}
			.content2 {
				.vux-tab {
					border: 1px solid #06c1ae;
				}
				.vux-tab .vux-tab-item {
					background: #fff;
					color: #06c1ae;
				}
				.vux-tab .vux-tab-item.vux-tab-selected {
					color: #fff;
					border-bottom: 3px solid #06c1ae;
					background: #06c1ae;
				}
				.vux-tab-ink-bar {
					background: #06c1ae;
				}
				.vux-tab-ink-bar-transition-backward,
				.vux-tab-ink-bar-transition-forward {
					transition: none;
				}
			}
		}
		.create_act {
			.weui-cell {
				width: 2.8rem;
				height: .7rem;
				border: 1px solid #e5e5e5;
				border-radius: .1rem;
				text-decoration: none!important;
			}
			.mint-cell-wrapper {
				background-image: none;
			}
			.mint-cell:last-child {
				background: transparent;
			}
			.weui-cell_access .weui-cell__ft:after {
				display: none;
			}
			.vux-cell-value {
				color: #333;
			}
			.weui-cells {
				font-size: .26rem;
			}
			.weui-cell_access .weui-cell__ft {
				padding-right: 0;
				text-align: center;
			}
			.mint-checklist {
				display: flex;
			}
			.mint-checkbox-input:checked+.mint-checkbox-core {
				background: #02c1af;
				border-color: #02c1af;
			}
			.mint-cell-wrapper {
				padding: 0;
			}
		}
		.full_reduce {
			.weui-cell {
				color: #818181;
				text-decoration: none!important;
			}
			.vux-cell-value {
				color: #252525;
			}
			.vux-no-group-title {
				margin-top: 0;
			}
			.weui-switch:checked,
			.weui-switch-cp__input:checked~.weui-switch-cp__box {
				border-color: #02c1af;
				background-color: #02c1af;
			}
		}
		.distribution,
		.new_guest_act {
			.weui-cell {
				color: #252525;
				text-decoration: none!important;
			}
			.vux-cell-value {
				color: #252525;
			}
			.vux-no-group-title {
				margin-top: 0;
			}
			.weui-switch:checked,
			.weui-switch-cp__input:checked~.weui-switch-cp__box {
				border-color: #02c1af;
				background-color: #02c1af;
			}
			.weui-cell_access .weui-cell__ft:after {
				display: none;
			}
			.weui-cell_access .weui-cell__ft {
				text-align: center;
			}
			.weui-label {
				text-align: left;
			}
			.weui-input {
				text-align: center;
				text-indent: -1rem;
			}
		}
		.return_ticket {
			.weui-label {
				font-size: .34rem;
				color: #252525;
				text-align: left;
			}
			.weui-input {
				text-align: right;
			}
			.weui-cell {
				color: #252525;
				text-decoration: none!important;
			}
			.vux-cell-value {
				color: #252525;
			}
			.vux-no-group-title {
				margin-top: 0;
			}
			.weui-switch:checked,
			.weui-switch-cp__input:checked~.weui-switch-cp__box {
				border-color: #02c1af;
				background-color: #02c1af;
			}
			.weui-cells:before,
			.weui-cells:after {
				display: none;
			}
			.weui-cells__title {
				margin-top: 0;
			}
		}
		.open_function {
			.vux-header .vux-header-left .left-arrow:before {
				border-color: #fff;
			}
			.vux-button-group>a.vux-button-group-current {
				background: #fff;
				color: #ff1351;
				text-decoration: none;
			}
			.vux-button-group>a.vux-button-tab-item-first:after {
				border: 1px solid #fff;
			}
			.vux-button-group>a.vux-button-tab-item-first,
			.vux-button-group>a.vux-button-tab-item-last {
				text-decoration: none;
			}
			.vux-button-group>a.vux-button-tab-item-last:after {
				border: 1px solid #fff;
			}
			.vux-button-group>a {
				color: #fff;
				background: #ff1351;
			}
		}
		.entrance {
			.vux-header .vux-header-left .left-arrow:before {
				border-color: #fff;
			}
			.vux-tab .vux-tab-item.vux-tab-selected {
				color: #030303;
			}
			.vux-tab .vux-tab-item {
				color: #797979;
				background: transparent;
			}
			.vux-tab-ink-bar {
				background: #3dc6b6;
			}
			.weui-progress__bar {
				background: transparent;
			}
			.trade_area {
				.weui-progress__inner-bar {
					background: #67ced3;
					height: .22rem;
				}
			}
			.my_store {
				.weui-progress__inner-bar {
					background: #fdaf68;
					height: .22rem;
				}
			}
		}
		.group_list {
			.vux-header .vux-header-left .left-arrow:before {
				border-color: #fff;
			}
			.vux-tab .vux-tab-item.vux-tab-selected {
				color: #1cbcaa;
			}
			.vux-tab-ink-bar {
				width: .46rem;
				margin-left: 1rem;
				background: #1cbcaa!important;
			}
		}
		.customer_service {
			.vux-header .vux-header-left .left-arrow:before {
				border-color: #fff;
			}
		}
		.select_type {
			.vux-header .vux-header-left .left-arrow:before {
				border-color: #fff;
			}
		}
		/* 发布团购 */
		.group_release,
		.ticket_release {
			.vux-header .vux-header-left .left-arrow:before {
				border-color: #fff;
			}
			.weui-cell__ft.vux-cell-align-left {
				color: #131313;
			}
			.vux-label {
				width: 1.8rem;
			}
			.weui-cells_radio .weui-check:checked+.weui-icon-checked:before {
				color: #10b9a5;
			}
			.weui-cells {
				margin-top: 0;
			}
			.weui-switch:checked,
			.weui-switch-cp__input:checked~.weui-switch-cp__box {
				border-color: #3dc6b6;
				background-color: #3dc6b6;
			}
			.unavailable_lists {
				.weui-cell__ft.vux-cell-align-left {
					font-size: .28rem;
					color: #505050;
				}
			}
			.vux-check-icon>.weui-icon-success:before,
			.vux-check-icon>.weui-icon-success-circle:before {
				color: #3dc6b6;
			}
		}
		.group_release {
			.add-food {
				.weui-input {
					text-align: right;
					padding-right: .3rem;
				}
			}
			.weui-cells_checkbox .weui-check:checked+.vux-checklist-icon-checked:before {
				color: #3dc6b6;
			}
			.selIndex10 {
				.weui-input {
					padding: 0 .5rem;
				}
			}
		}
		.accounts {
			.vux-header .vux-header-left .left-arrow:before {
				border-color: #fff;
			}
			.vux-tab .vux-tab-item.vux-tab-selected {
				color: #3dc6b6;
			}
			.vux-tab-ink-bar {
				width: .46rem;
				background: #3dc6b6;
				margin-left: 1.6rem;
			}
		}
		.stores {
			.vux-header .vux-header-left .left-arrow:before {
				border-color: #fff;
			}
		}
		.meal_content,
		.meal_type,
		.consume_time,
		.end_time {
			.vux-header .vux-header-left .left-arrow:before {
				border-color: #fff;
			}
			.vux-tab .vux-tab-item.vux-tab-selected {
				color: #3dc6b6;
			}
			.vux-tab-ink-bar {
				width: 3.2rem;
				background: #3dc6b6;
				margin-left: .3rem;
			}
			.weui-cells {
				margin-top: 0;
			}
			.weui-cells:before {
				display: none;
			}
			.weui-cells:after {
				display: none;
			}
			.vux-number-round .vux-number-selector-sub,
			.vux-number-round .vux-number-selector-plus {
				display: flex;
				justify-content: center;
				align-items: center;
				border: 1px solid #ddd;
			}
			.vux-number-selector:nth-of-type(1) svg {
				fill: #7a7a7a;
			}
			.vux-number-selector:nth-of-type(2) svg {
				fill: #fff;
			}
			.vux-number-selector-plus {
				background: #ff9d3c;
			}
			.vux-number-round .vux-number-input {
				font-size: .26rem;
			}
		}
		.consume_time {
			.vux-header .vux-header-left .left-arrow:before {
				border-color: #fff;
			}
		}
		.consume_time {
			.weui-cells_checkbox .weui-check:checked+.vux-checklist-icon-checked:before {
				color: #3dc6b6;
			}
			.weui-cell__bd {
				font-size: .3rem;
				color: #131313;
			}
			.vux-cell-value {
				font-size: .2rem;
				color: #1d1d1d;
				border: 1px solid #d5d5d5;
				padding: .16rem .76rem;
				border-radius: .05rem;
			}
			.date_times {
				.weui-cell:before {
					display: none;
				}
			}
		}
		.appoint_date {
			.vux-header .vux-header-left .left-arrow:before {
				border-color: #fff;
			}
			.weui-cell:before {
				display: none;
			}
			.weui-cell_access .weui-cell__ft:after {
				display: none;
			}
		}
		.purchase_notice1 {
			.vux-header .vux-header-left .left-arrow:before {
				border-color: #fff;
			}
			.weui-cells__title {
				margin-top: 0;
			}
			.weui-cells:before {
				display: none;
			}
			.weui-label {
				text-align: left;
			}
			.weui-switch:checked,
			.weui-switch-cp__input:checked~.weui-switch-cp__box {
				border-color: #3dc6b6;
				background-color: #3dc6b6;
			}
			.weui-cells {
				margin-top: 0;
			}
			.weui-cells_radio .weui-check:checked+.weui-icon-checked:before {
				color: #3dc6b6;
			}
		}
		.ticket_entry {
			.vux-header .vux-header-left .left-arrow:before {
				border-color: #fff;
			}
		}
		.draining_coupons {
			.vux-header .vux-header-left .left-arrow:before {
				border-color: #fff;
			}
			.weui-cells:before {
				display: none;
			}
			.vux-number-selector svg {
				fill: #a7a7a7;
			}
			.vux-number-selector-sub,
			.vux-number-selector-plus {
				height: .64rem;
				display: flex;
				align-items: center;
			}
			.vux-number-input {
				height: .64rem;
				text-align: left;
				padding-left: .2rem;
			}
			.consume_time {
				.vux-label {
					font-size: .3rem;
					color: #282828;
					text-align: left;
				}
				.weui-cell__ft {
					font-size: .3rem;
					color: #282828;
				}
			}
		}
		.vouchers,
		.transfer_history,
		.my_tickets {
			.vux-header {
				background: #fff;
			}
			.vux-header .vux-header-left .left-arrow:before {
				border-color: #000;
			}
			.vux-header .vux-header-title>span {
				color: #000;
			}
			.vux-tab .vux-tab-item,
			.vux-tab .vux-tab-item.vux-tab-selected {
				font-size: .26rem;
				color: #000;
				font-weight: 500;
			}
			.vux-tab-bar-inner {
				background: #f02623;
			}
		}
		.group_list {
			.weui-cells:after,
			.weui-cells:before {
				border: none;
			}
			a {
				text-decoration: none;
			}
		}
		.sign_seckill{
			.vux-no-group-title{
				background: #f3f3f3;
			}
			.vux-datetime{
				font-size: .26rem;
				color: #a0a0a0;
			}
			.weui-cells:before{
				border-top: none;
			}
			.weui-cells:after{
				border-bottom: none;
			}
			a{
				text-decoration: none;
			}
			.weui-cell_access .weui-cell__ft:after{
				display: none;
			}
			.vux-cell-value{
				color: #333;
				margin-left: .2rem;
			}
			.vux-check-icon > .weui-icon-success:before, .vux-check-icon > .weui-icon-success-circle:before{
				color: #3097e6;
			}
			.vux-check-icon{
				margin-right: .5rem;
			}
			.vux-popup-dialog{
				background: #fff;
			}
		}
		
	}
</style>